@charset "utf-8";
@import "common/common";
.container-fluid {
    .kv {
        .carousel {
            .carousel-inner {
                .item_two {
                    img {
                        max-width: none;
                        width: 100%;
                    }
                }
            }
        }
    }
    .engine {
        background: #fbfaf7;
        border-bottom: 1px solid #eaeaee;
        .container {
            padding-top: 106px;
            padding-bottom: 144px;
            background: url(../img/phone.png) no-repeat right center;
            .engine_top {
                padding-bottom: 78px;
                div:first-of-type {
                    font-size: 48px;
                    color: #0078d7;
                    line-height: 84px;
                    font-weight: bold;
                }
                div:last-of-type {
                    font-size: 30px;
                    color: #666666;
                }
            }
            .engine_mid {
                .engine_icon {
                    width: 64px;
                    height: 64px;
                    border-radius: 3px;
                    transition: all 1s ease-in-out;
                    &:hover {
                        transform: rotate(720deg);
                        background-color: gray;
                    }
                }
                .engine_icon1 {
                    background: url(../img/shandian.png) no-repeat center #0078D7;
                }
                .engine_icon2 {
                    background: url(../img/shezhi.png) no-repeat center #0078D7;
                }
                .engine_icon3 {
                    background: url(../img/chengben.png) no-repeat center #0078D7;
                }
                .engine_icon4 {
                    background: url(../img/app.png) no-repeat center #0078D7;
                }
                .engine_text {
                    padding-right: 0;
                    div:first-of-type {
                        font-size: 20px;
                        color: #333333;
                        line-height: 34px;
                    }
                    div:last-of-type {
                        font-size: 14px;
                        color: #666666;
                        line-height: 24px;
                    }
                }
                .margin_42 {
                    margin-bottom: 42px;
                }
            }
        }
    }
    .advantage {
        .container {
            padding-bottom: 105px;
            .advantage_zi {
                .advantage_photo {
                    padding-top: 191px;
                }
                .advantage_footer {
                    margin-top: 119px;
                    div:first-of-type {
                        color: #8fc31f;
                        font-size: 48px;
                        padding-bottom: 46px;
                    }
                    div {
                        padding-top: 15px;
                        font-size: 14px;
                        span {
                            padding-left: 10px;
                        }
                    }
                }
            }
        }
    }
    .family {
        background: #0079d7;
        .container {
            padding-top: 112px;
            padding-bottom: 145px;
            .family_top {
                padding-bottom: 73px;
                div {
                    text-align: center;
                    color: white;
                    font-size: 48px;
                }
            }
            .family_mid {
                .family_photo {
                    width: 66px;
                    height: 76px;
                }
                .family_icon1 {
                    background: url(../img/tuceng.png) no-repeat center #0079d7;
                }
                .family_icon2 {
                    background: url(../img/tuceng1.png) no-repeat center #0079d7;
                }
                .family_icon3 {
                    background: url(../img/tuceng2.png) no-repeat center #0079d7;
                }
                .family_icon4 {
                    background: url(../img/tuceng3.png) no-repeat center #0079d7;
                }
                .family_icon5 {
                    background: url(../img/tuceng4.png) no-repeat center #0079d7;
                }
                .family_icon6 {
                    background: url(../img/tuceng5.png) no-repeat center #0079d7;
                }
                .family_text {
                    padding-left: 58px;
                    div:first-of-type {
                        font-size: 33px;
                        color: white;
                    }
                    div:last-of-type {
                        font-size: 14px;
                        color: white;
                        padding-bottom: 75px;
                    }
                }
            }
        }
    }
    .game {
        .container {
            padding-top: 85px;
            padding-bottom: 52px;
            .game_top {
                .game_game {
                    div {
                        font-size: 35px;
                    }
                }
                .game_geng {
                    div {
                        font-size: 14px;
                    }
                }
            }
            .game_min {
                padding-top: 48px;
                .game_ab {
                    padding-left: 47px;
                    .game_a {
                        a {
                            margin-right: 35px;
                            text-align: center;
                            display: inline-block;
                            width: 80px;
                            height: 100px;
                            vertical-align: top;
                            img {
                                width: 70px;
                                height: 65px;
                            }
                            span {
                                display: inline-block;
                                margin-top: 8px;
                                font-size: 14px;
                            }
                        }
                    }
                
                }
            }
        }
    }
    .partner {
        background: #fbfaf7;
        .container {
            padding-top: 41px;
            padding-bottom: 67px;
            .partner_top {
               
                padding-bottom: 32px;
                div {
                    font-size: 30px;
                    font-weight: bold;
                    span {
                        font-size: 11px;
                    }
                }
            }
            .partner_min {
                text-align: center;
                .partner_row {
                    a {
                        padding-right: 16px;
                        img {
                            width: 166px;
                            height: 68px;
                            padding-bottom: 10px;
                        }
                    }
                    &:nth-of-type(2) {
                        margin-top: 22px;
                    }
                }
            }
        }
    }
}

@media only screen and (max-width:767px) {
    .container-fluid .engine .container {
        background: none;
    }
    .container-fluid .advantage .container .advantage_zi .advantage_photo {
        padding-top: 45px;
    }
    .container-fluid .advantage .container {
        padding-bottom: 10px;
    }
    .container-fluid .engine .container .engine_top div:first-of-type {
        font-size: 30px;
    }
    .container-fluid .engine .container .engine_top div:last-of-type {
        font-size: 17px;
    }
    .container-fluid .engine .container {
        padding-top: 0px;
    }
    .container-fluid .engine .container .engine_top {
        padding-bottom: 25px;
    }
    .container-fluid .engine .container {
        padding-bottom: 20px;
        padding-left: 30px;
    }
    .container-fluid .engine .container .engine_mid .engine_text div:first-of-type {
        font-size: 15px;
    }
    .container-fluid .engine .container .engine_mid .engine_text div:last-of-type {
        font-size: 12px;
    }
    .container-fluid .advantage .container .advantage_zi .advantage_footer div:first-of-type {
        font-size: 30px;
    }
    .container-fluid .advantage .container .advantage_zi .advantage_footer {
        margin-top: 310px;
    }
    .container-fluid .advantage .container .advantage_zi .advantage_footer div:first-of-type {
        padding-bottom: 0px;
    }
    .container-fluid .family .container{
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .container-fluid .family .container .family_top div{
        font-size: 30px;
    }
    .container-fluid .family .container .family_top{
        padding-bottom: 10px;
    }
    .container-fluid .family .container .family_mid .family_text{
        padding-left: 10px;
    }
    .container-fluid .family .container .family_mid .family_text div:last-of-type{
        padding-bottom: 10px;
    }
    .container-fluid .game .container{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .container-fluid .game .container img{
        width: 100%;
    }
    .container-fluid .game .container .game_min .game_ab{
        padding-top: 20px;
        padding-left: 0px;
    }
    .container-fluid .game .container .game_min .game_ab .game_a{
        text-align: center;
    }
    .container-fluid .game .container .game_min .game_ab .game_a a{
        margin-right: 0px;
        width: 100px;
    }
    .container-fluid .game .container .game_top .game_game div{
        font-size: 20px;
    }
    .container-fluid .game .container .game_top .game_geng div{
        font-size: 12px;
    }
    .container-fluid .partner .container .partner_top div{
        font-size: 20px;
    }
    .container-fluid footer .container .footer_top div:nth-of-type(2){
        text-align: center;
    }
    .container-fluid .family .container .family_mid{
        padding-left: 18px;
    }
    .container-fluid .partner .container .partner_min .partner_row a img{
    width: 150px;
    height: 68px;
    padding-bottom: 10px;
    }
    .container-fluid .engine .container .engine_mid .margin_42{
      margin-bottom: 0;
    }
    .container-fluid footer .container{
        text-align: center;
    }
    .container-fluid footer .container .footer_top .footer_min div{
        right: 33%;
    }
 }     
@media only screen and(min-width:768px) and(max-width:991px){
    .container-fluid .engine .container{
        background: none;
        padding-bottom: 30px;
    }
    .container-fluid .engine .container .engine_mid .engine_text{
        padding-bottom: 20px;
    }
    .container-fluid .engine .container .engine_mid{
        padding-left: 10px;
    }
    .container-fluid .family .container .family_mid{
            padding-left: 20px;
    }
    .container-fluid .game .container .game_min .game_ab{
        padding-left: 25px;
    padding-top: 15px;
    }
    .container-fluid .game .container .game_min{
        padding-left: 160px;
    }
    .container-fluid footer .container .footer_top .footer_min div{
        right: 310px;
        text-align: center;
    }
    .container-fluid .engine .container .engine_mid .margin_42{
      margin-bottom: 0;
    }
    .container-fluid .advantage .container{
        padding-bottom: 60px;
    }
    .container-fluid .family .container{
        padding-top: 50px;
      padding-bottom: 40px;
    }
    .container-fluid footer .container{
        text-align: center;
    }
    .container-fluid header .navbar-brand{
        padding: 7px 6px;
    }
    .container-fluid header .navbar-default .navbar-nav > li > a{
        padding: 15px 5px;
    }
}
@media only screen and(min-width:992px) and(max-width:1024px){
     .container-fluid .game .container .game_min .game_ab .game_a{
        padding-left: 55px;
    }
    .container-fluid footer .container .footer_top .footer_min{
        text-align: right;
    }
    .container-fluid .partner .container .partner_min .partner_row a img{
        width: 200px;
    height: 75px;
    }
}